<template>
  <section class="todoapp">

  <TaiTou></TaiTou>
  
<BaDyst :list="list" @delList="delList"></BaDyst>


<FootJiao></FootJiao>

</section>
</template>

<script>
import BaDyst from './components/BaDyst.vue'
import TaiTou from './components/TaiTou.vue'
import FootJiao from './components/FootJiao.vue'

export default {
  components: {
    BaDyst,
    TaiTou,
    FootJiao
  },
  data() {
    return {
      list: [
        {
          flag:false,
        value: '读万卷书',
       id: 1,
      },
      {
        flag:true,
        value: '行万里路',
        id: 2,
      },
      ]   
    };
  },

  methods: {
    delList(id) { 
     this.list=this.list.filter((item)=>item.id!==id)
    }
  }

}
</script>

<style></style>
